<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<head>
    <title>文档保存前和保存后执行的事件</title>

</head>
<body>
<script type="text/javascript">
    function OnPageOfficeCtrlInit() {
        // PageOffice的初始化事件回调函数，您可以在这里添加自定义按钮
        pageofficectrl.AddCustomToolButton("保存", "Save", 1);
    }
    function Save() {
        pageofficectrl.WebSave();
    }
    function BeforeDocumentSaved() {

        // PageOffice的文档保存前事件回调函数
        document.getElementById("message").value += "BeforeDocumentSaved事件：文件就要开始保存了.\n";

    }
    function AfterDocumentSaved() {
        // PageOffice的文档保存后事件回调函数
        document.getElementById("message").value += "AfterDocumentSaved事件：文件保存成功了.\n";
    }

</script>
<form id="form1">
    演示: 文档保存前和保存后执行的事件。点击保存按钮后，请仔细观察下面文本框中提示消息的变化。<br/>
    <textarea id="message" type="text" value=" " style="width:700px;height:80px;"></textarea>
    <div style=" width:auto; height:700px;" th:utext="${pageoffice}">
    </div>
</form>
</body>

</html>
